<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CHE_Flexlayout</title>
    <script src="../../Cherry.js"></script>
</head>
<body>
<div id="app"></div>
</body>
<script>
    new CherryMain({
        app:"app",
        child:[
            new CHE_Flexlayout({
                name:"flexlayout",
                width:"100%",
                height:"100",
                type:"H",   //横向 H 纵向 V
                wrap:false,  //是否换行
                position:"relative",
                margin:[20,0,0,0],
                child:[
                    new CHE_FlexlayoutItem({
                        name:"flex1",
                        width:"40%",
                        // height:20,
                        backgroundColor:"#ffcbcb"
                    }),
                    new CHE_FlexlayoutItem({
                        width:"60%",
                        // height:20,
                        backgroundColor:"#cbfff3"
                    }),
                    new CHE_FlexlayoutItem({
                        // flex:5,  //弹性布局宽度 越大越宽，也可以用宽度
                        width:200,
                        // height:20,
                        backgroundColor:"#035c48"
                    }),

                ]
            }),
        ],
        Created:()=>{

        }
    });



</script>
</html>